<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
          name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>商品列表</title>
    <meta content="#准了app#实体商城商品列表" name="description">
</head>
<style>
    * {
        padding: 0;
        margin: 0;
        border: none;
    }

    .flex-container {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: baseline;
        flex-wrap: wrap;
    }

    .flex-item {
        width: 46%;
        height: 280px;
        margin: 5px;
    }

    .font_type {
        display: -webkit-box;
        display: -moz-box;
        white-space: pre-wrap;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

</style>
<body class="flex-container">
{foreach $goods as $k => $v}
<div class="flex-item ">
    <a href="{$host}/goods_detail?id={$v['id']}" target="_blank"> <img src="{$v['icon']}" alt=""
                                                                       style="width: 100%;height: 180px;"> </a>
    <div style="width: 100%;height: 8%;"><span class="font_type">{$v['name']}</span></div>
    <br>
    <div style="width: 100%;height: 10%;">
        <div style="width: 50%;height: 100%;float: left;color: #f89e34;">￥{$v['now_price']}</div>
        <div style="width: 50%;height: 100%;float: right">
            <div style="width: 70px;height: 25px;background-color: #0fd18f;border-radius:15px;text-align: center;margin: auto;line-height: 23px">
                <a href="{$host}/goods_detail?id={$v['id']}" target="_blank"
                   style="color: #ffffff;font-size: 14px;text-decoration: none">立即购买 </a>
            </div>
        </div>
    </div>
    <div style="width: 100%;height: 8%;"><span class="font_type">{$v['des']}</span></div>
    <!--<p class="font_type">{$v['name']}</p>-->
    <!--<p style="color: #f89e34;margin-bottom: 5px">￥{$v['now_price']}</p>-->
    <!--<div style="width: 70px;height: 25px;background-color: #0fd18f;border-radius:15px;text-align: center;"> <a href="goods_detail?id={$v['id']}" target="_blank" style="color: #ffffff;font-size: 14px;text-decoration: none">立即购买 </a></div>-->
    <!--<p class="font_type">{$v['des']}</p>-->
</div>
{/foreach}
{include file="../apps/web/view/public/sensors.html" /}
</body>
</html>
